{% extends 'bootstrap/base.html' %}

{% block metas %}
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
{% endblock %}

{% block title %}
   xuesong
{% endblock %}


{% block styles %}
    <link href={{ url_for("static", filename="bootstrap.min.css") }} rel="stylesheet">
    <link href={{ url_for("static", filename="dashboard.css") }} rel="stylesheet">
    <style>
    body{
        overflow: hidden;
        overflow-y:auto;
    }

    .leftDiv{min-height:400px;float:left;width:200px;}
    #logoDiv{float:left; width:200px;}
    .hostList label{float:left;width:200px;overflow:hidden;}
    </style>

{% endblock %}


{% block scripts %}
    <script src={{ url_for('static', filename='jquery.min.js') }}></script>
    <script src={{ url_for('static', filename='bootstrap.min.js') }}></script>
    <script src={{ url_for('static', filename='ops.js', v=402) }}></script>
    <script type="text/javascript"> pagelist(); </script>
    {% block loading %} {% endblock %}

{% endblock %}


{% block navbar %}
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed"
                    data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div id="logoDiv"><a class="navbar-brand" href="#">CedarDeploy</a></div>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <div id="pagelist">
                </div>
                <ul class="nav navbar-nav navbar-right">
                    {% if current_user.is_authenticated %}
                    <li><a href="{{ url_for('auth.logout') }}">Logout</a></li>
                    {% endif %}
                </ul>

            </div>
        </div>
    </div>
{% endblock %}

{% block content %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-3 col-md-2 sidebar" style="overflow-x:scroll;white-space:nowrap;display:block;">

                <ul class="nav nav-sidebar">
                {% block daohang %} {% endblock %}
                </ul>
            </div>

            <div class="col-sm-9 col-sm-offset-3
                col-md-10 col-md-offset-2 main">


                {% block page_content %}{% endblock %}
            </div>
        </div>
    </div>

{% endblock %}



